<script setup lang="ts">

</script>

<template>
  <div class="p-[20px]">
    <h1 class=" text-2xl font-bold text-center"> 🌟 感谢您的支持与鼓励！ 🌟</h1>
    <p class="mt-4 text-center max-w-screen-md mx-auto">
      亲爱的朋友们，如果您喜欢我的作品，觉得它们对您有所帮助，欢迎您通过打赏的方式给予支持。您的每一份打赏，都是对我最大的认可与鼓励，让我能够继续创作出更好的内容。
    </p>
    <h1 class="mt-10 text-2xl font-bold text-center">💖 打赏方式：（微信/支付宝）</h1>
    <div class="mt-10 gap-10 flex flex-col justify-center items-center">
      <img class="w-[300px] rounded-md bg-slate-500 p-4" src="@/assets/donation/wechat_pay.jpg" alt="微信">
      <img class="w-[300px] rounded-md bg-slate-500 p-4" src="@/assets/donation/alipay.png" alt="支付宝">
    </div>
    <p class="mt-4 text-center max-w-screen-md mx-auto">
      感谢您与我同行，让我们一起创造更多美好的瞬间！您的支持是我不断前行的动力，期待与您分享更多精彩的作品！
    </p>
  </div>
</template>

<style scoped></style>